﻿@charset "utf-8";




/*其它*/
.hide { display:none; }  /*隐藏*/
.textlist2 .now a{ background: #f5b834; color: #FFF; }
.More { position: relative; border: 1px solid #000; border-radius:8px; height: 40px; width: 160px; line-height: 40px; font-size: 18px; font-weight:700; position: relative; z-index: 10; display: block; margin: 30px auto 0 auto; text-align: center; color: #000; transition: inherit;}
.More span { font-size: 0px; color: #fff; transition: inherit; }
.More:before { content:"";position:absolute; left: 0; top: 0; height: 40px; width: 0px; background-color: #fe5250; z-index: -1; transition: inherit; }
.More:hover { border-color: #f5b834; color: #fff; }
.More:hover span { font-size: 18px; }
.More:hover::before { width: 160px; }
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
.delay {transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s;}
.delay_2 {transition:all ease-out .6s; -webkit-transition:all ease-out .6s; -moz-transition:all ease-out .6s; -ms-transition:all ease-out .6s;}

.More_1 { position: relative; display:block; height: 40px; width: 200px; line-height: 40px; font-size: 18px; font-weight:400; margin: 0 auto; padding-bottom:30px; text-align: center; color: #333;}
.More_1:hover{color:#f55}
/*频道*/

/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}
/*样式1*/
.left_title1{ text-align:center; overflow: hidden; }
.left_title1 p { color: #333; font-size:16px; line-height:38px;font-weight:400;}
.left_title1 h2 a{ line-height:52px; font-size:48px; font-weight:700; color: #000;}
.left_title1 i{ display: block; width: 105px; height: 5px; background: #fe5250; margin: 0 auto; margin-top: 10px; }
.left_body1 { overflow:hidden; zoom:1;}
.left_body1 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom1 { margin-bottom:0px;}

.menu_tit1 {margin-bottom:40px;font-size:45px;font-weight:bold;color:#fff;line-height:1;}
.menu_tit2 {font-size:16px;color:#fff;margin-bottom:30px;line-height:1;}

/*样式2*/
.left_title2 {  line-height:39px;  }
.left_title2 h2 {     text-align: center;  line-height: 50px;   font-size: 30px;  font-weight: bold; }
.left_title2 h2 a{ color: #fff; }
.left_title2 p{    text-align: center;  line-height: 40px;  color: #fff;  font-size: 15px;width:950px;margin:0 auto;}
.left_body2 { overflow:hidden; zoom:1; border-top:0; border-bottom: 0px;margin-top:20px;}
.left_body2 .prev{display:block;background:url(../images/left.jpg) no-repeat ;width:92px ;height:32px;float:left;margin-left: 420px;margin-top:20px;cursor: pointer;}
.left_body2 .next{display:block;background:url(../images/right.jpg) no-repeat;width:92px ;height:32px;float:right;margin-right: 420px;margin-top:20px;cursor: pointer;}
.left_body2 .prev:hover{background:url(../images/left1.jpg) no-repeat ;}
.left_body2 .next:hover{background:url(../images/right1.jpg) no-repeat ;}
.left_bottom2 { overflow:hidden;}
/*样式3*/
.left_title3{ text-align:center; overflow:hidden; margin-bottom:25px; margin:50px 0 20px;}
.left_title3 p { font-size:14px;color: #999; line-height: 24px; margin-top: 0px;}
.left_title3 h2 a{ line-height:24px; font-size:22px; font-weight:normal; color: #444;}
.left_title3 i{ display: block; width: 30px; height: 3px; background: #1651b8; margin: 0 auto; margin-top: 10px; }
.left_body3 { overflow:hidden; zoom:1;}
.left_body3 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom3 { margin-bottom:0px;}

/*样式3*/
.left_title4 { float:left; }
.left_title4 img { height:350px; display:block; float:left; }
.left_body4 { background:#fff; height:350px; }
.left_body4 .title4{ text-align:left; overflow: hidden; padding:56px 60px 30px 60px;}
.left_body4 .title4 p { font-size:13px;color: #D3D3D3; margin:7px 0;}
.left_body4 .title4 h2 a{ line-height:26px; font-size:26px; font-weight:normal; color: #111;}
.left_body4 .ChannelContent { padding:0 60px; overflow:hidden; }
.left_body4 .ChannelContent p { color:#8f8f8f; font-size:13px; line-height:24px; }
.left_body4 .ChannelContent p a { width:102px; height:28px; display:block; line-height:28px; margin-top:50px; text-align:center;
    font-size:13px; color:#CACACA; border:1px solid #d9d9d9; }
.left_body4 .ChannelContent p a:hover { background:#f5b834; color:#fff; border-color:#f5b834; transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
.left_body5 { overflow:hidden; zoom:1;}
.left_body5 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
/*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333;   }
.right_title h2 img{ margin:0 10px;}
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0; }
.right_bottom {}

.product_title h2 { font-size:24px; font-weight:700; text-align:center; padding-top:55px; color:#333;   }
.product_title i{ display: block; margin:0 auto; width: 60px; height: 2px; background: #fe5250; margin-top:10px; }
.product_title h2 img{ margin:0 10px;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/


    /*===产品模型 开始===*/
.product  .info_product_detail_wrap{ line-height: 2.2em; margin-bottom:20px;}
.product  .info_product_detail_wrap span { color: #666; margin-right:10px;}
.product  .info_product_detail_wrap table.detail_table{ width:100%; }
.product  .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product  .ProductDescription{ height:40px; color:#01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product  .info_product_detail_wrap img{ width:216px; height:162px;float:left;  text-align:left; margin-right:10px; }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
/*===产品模型 结束===*/








/*文字列表3*/


.outBox{ width:1240px;  margin:0 auto; padding:15px 0; overflow:hidden;}
.outBox .hd{ overflow:hidden; margin:30px 0; text-align:center; }
.outBox .hd ul{}
.outBox .hd ul li{  display:inline-block; *zoom:1; *display:inline; margin-left:200px; cursor:pointer;  }
.outBox .hd li:first-child{margin-left:0}
.outBox .hd li a{color: #666; text-align:center; font-size:13px; }
.outBox .hd li a .list3ico1 {width:100%;height:80px;background:url(../pic/products-icon/lcd.png) center 10px no-repeat;}
.outBox .hd li:hover .list3ico1,.outBox .hd li.on .list3ico1 {width:100%;height:80px;background:url(../pic/products-icon/grey-lcd.png) center 10px no-repeat;}
.outBox .hd li a .list3ico2 {width:100%;height:80px;background:url(../pic/products-icon/led.png) center 10px no-repeat;}
.outBox .hd li:hover .list3ico2,.outBox .hd li.on .list3ico2  {width:100%;height:80px;background:url(../pic/products-icon/grey-led.png) center 10px no-repeat;}
.outBox .hd li a .list3ico3 {width:100%;height:80px;background:url(../pic/products-icon/ggj.png) center 10px no-repeat;}
.outBox .hd li:hover .list3ico3,.outBox .hd li.on .list3ico3  {width:100%;height:80px;background:url(../pic/products-icon/grey-ggj.png) center 10px no-repeat;}
.outBox .hd li a .list3ico4 {width:100%;height:80px;background:url(../pic/products-icon/zk.png) center 10px no-repeat;}
.outBox .hd li:hover .list3ico4,.outBox .hd li.on .list3ico4  {width:100%;height:80px;background:url(../pic/products-icon/grey-zk.png) center 10px no-repeat;}
.outBox .hd li a p {font-size:16px; font-weight:400; /*line-height:40px;*/ color:#333}
.outBox .hd li:hover a p{ color: #fe5250; }
.outBox .hd li.on a p {color: #fe5250; }


		
.inBox{ padding:15px 15px 0 15px;  }
.inBox .inHd{ /*height:24px;*/ line-height:24px;/* border-bottom:1px solid #ccc;*/ padding:0 10px;margin-bottom: 50px;}
.inBox .inHd h2{float:left;display: none; }
.inBox .inHd ul{float:right; overflow:hidden; zoom:1;/*display: none;*/ }
.inBox .inHd ul li{ float:left; margin-left:40px; height:24px; width:85px; text-align:center; cursor:pointer;  }
.inBox .inHd ul li.on{color:#333; border-bottom:3px solid #fe5250 }


.inBox .inBd ul{ margin-top:5px; }
.inBox .inBd ul li { float:left;width:390px;height:280px;border:1px solid #D7D7D7;margin-top:30px; margin-right:16px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.inBox .inBd ul li:nth-child(3n){margin-right:0}
.inBox .inBd ul li:hover { transform:translate3d(0, -5px, 0);  }
.inBox .inBd ul li .Infoimg{height:240px; }
.inBox .inBd ul li img {/*width:390px;*/height:240px;}
.inBox .inBd ul li .title{width:100%; text-align:center; border-top:1px solid #D7D7D7 }
.inBox .inBd ul li .title a { font-size:16px;height:40px;line-height:40px;color:#333; font-weight:400;}
.inBox .inBd ul li:hover .title{background:#fe5250}
.inBox .inBd ul li:hover a{color:#fff}
/*橱窗列表*/








